function showSuccessMsg() {
    $('.popup_con').fadeIn('fast', function() {
        setTimeout(function(){
            $('.popup_con').fadeOut('fast',function(){}); 
        },1000) 
    });
}

function getCookie(name) {
    var r = document.cookie.match("\\b" + name + "=([^;]*)\\b");
    return r ? r[1] : undefined;
}

$(document).ready(function () {
    // TODO: 在页面加载完毕向后端查询用户的信息
    $.get("/api/v1.0/user",function (resp) {
        if(resp.errno == "0"){
            //去将数据填充到页面上
            $("#user-avatar").attr("src",resp.data.avatar_url)
            $("#user-name").val(resp.data.name)
        }else if(resp.errno == "4101"){
            //跳转到登录页面
            location.href = "/login.html"
        }
    })



    // TODO: 管理上传用户头像表单的行为
    //e 指event事件
    $('#form-avatar').submit(function (e) {
        e.preventDefault()
        //　进行上传
        $(this).ajaxSubmit({
            url: "/api/v1.0/user/avatar",
            type: "post",
            headers: {
                "X-CSRFToken": getCookie("csrf_token")
            },
            success: function (resp) {
                if (resp.errno == "0") {
                    //代表上传成功
                    $('#user-avatar').attr("src", resp.data.avatar_url)
                }else if(resp.errno == "4101"){
                //跳转到登录页面
                    location.href = "/login.html"
                }
                else{
                    alert(resp.errmsg)
                }
            }
        })
    })

    // TODO: 管理用户名修改的逻辑
    $("#form-name").submit(function (e) {
        e.preventDefault()
        //取到用户传过来的名字
        var name = $("#user-name").val()
        if (!name){
            alert("请输入名称")
        }

        $.ajax({
            url: "/api/v1.0/user/name",
            type: "post",
            headers: {
                "X-CSRFToken": getCookie("csrf_token")
            },
            contentType: "application/json",
            data: JSON.stringify({"name": name}),
            success: function (resp) {
                if (resp.errno == "0"){
                    //保存成功
                    $('.error-msg').hide()
                    showSuccessMsg()
                }else if(resp.errno == "4101"){
                    //跳转到登录页面
                    location.href = "/login.html"
                }
                else {
                    $('.error-msg').show()
                }

            }
        })

    })


})

